import './index.css'
/*
  list 数据源
  num  初始 and 选中项（匹配index + 1 = 默认所有不选中需求）
  tabsDropFun 点击事件函数（item，index）
*/
export default function TabsDropComponent({ list, value, tabsDropFun, ...props }) {
  return (
    <div className={'flexRow flexRowStart ' + props.className}>
      {list.map(item => {
        return (
          <div
            onClick={e => tabsDropFun(item, item.value)}
            key={item.id}
            className={
              value === item.value
                ? 'head_small_car_cur flexRow head_small_car_all'
                : 'head_small_car flexRow head_small_car_all'
            }
          >
            {item.label}
          </div>
        )
      })}
    </div>
  )
}
